page {
  background-color: #ffffff;
}

uni-button[type=primary] {
  background-color: #1aad19;
}


.wanl-title {
  padding-bottom: 100rpx;
  padding-top: 100rpx;
  font-size: 68rpx;
}

.wanl-title .titleInfo {
  font-size: 56rpx;
}

.wanl-weixin-btn-info {
  color: #b8b8b8 !important;
}

.auth {
  margin: 0 60rpx;
}

.auth-group {
  padding: 1rpx 30rpx;
  display: flex;
  align-items: center;
  min-height: 90rpx;
  justify-content: space-between;
  margin-bottom: 25rpx;
}

.auth-group input {
  flex: 1;
  font-size: 33upx;
  color: #250f00;
  padding-right: 20upx;
}

.auth-group .placeholder {
  color: #b3b3b3;
}

.auth-button {
  padding: 25rpx 0 50rpx 0;
}

.auth-button .cu-btn {
  height: 90rpx;
}

.text-center {
  color: #3f2f21;
}

.auth-clause {
  display: flex;
  align-items: center;
  font-size: 25rpx;
  color: #909090;
}

.shake-horizontal {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}

.auth-clause checkbox {
  margin-right: 6rpx;
  transform: scale(0.7);
}

.auth-clause text {
  margin: 0 10rpx;
  color: #ed6d0f;
}

.auth-foot {
  width: 100%;
  /* position: fixed; */
  /* bottom: 0; */
  /* z-index: 1024; */
  margin-top: 200rpx;
  margin-bottom: 50rpx;

  padding: 0 60rpx;
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}

.auth-foot .oauth {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 160upx;
  justify-content: space-around;
}

.auth-foot .oauth view {
  border: 2rpx solid #fcf7e9;
}

.auth-foot .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100rpx;
  color: #3f2f21;
  line-height: 28rpx;
  font-size: 28rpx;
}

.auth-foot text {
  width: 180rpx;
  text-align: center;
}

.auth-foot text:nth-child(2) {
  border-left: 1px solid #ececec;
}

/* 验证码 */
.auth-title {
  padding-bottom: 30rpx;
  padding-top: 170rpx;
  font-size: 60rpx;
}

.auth-mobile {
  color: #9a9a9a;
  padding-bottom: 80rpx;
}

.auth-mobile text {
  margin-left: 10rpx;
}

.codes {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

.codes input {
  background: #ffffff;
  border-bottom: 1px solid #c3c3c3;
  width: 90upx;
  height: 90upx;
  text-align: center;
}

.codes .input {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #c3c3c3;
  width: 90upx;
  height: 90upx;
  font-size: 40upx;
  font-weight: 500;
  color: #333333;
}

.codes .input .shining {
  border: 1px solid #ed6d0f;
  height: 50upx;
  animation: shining 1s linear infinite;
  /* 其它浏览器兼容性前缀 */
  -webkit-animation: shining 1s linear infinite;
  -moz-animation: shining 1s linear infinite;
  -ms-animation: shining 1s linear infinite;
  -o-animation: shining 1s linear infinite;
}

.codes .active {
  border-bottom: 1px solid #ed6d0f;
  caret-color: #ed6d0f;
}

.oneline-codes input {
  text-align: center;
}

.auth-again {
  padding-top: 50rpx;
}

.auth-again text {
  color: #ed6d0f;
  margin-right: 40rpx;
}

.auth-again .time {
  color: #9a9a9a;
}

@-webkit-keyframes shining {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  50.01% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.wlIcon-QQ {
  color: #12b8f6;
}

.wlIcon-WeChat {
  color: #02dc6b;
}

.wlIcon-WeiBo {
  color: #d32820;
}

.wlIcon-Xiaomi {
  color: #ff6b00;
}

@keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  2% {
    transform: translate(-4px, 0px) rotate(0deg);
  }

  4% {
    transform: translate(2px, 0px) rotate(0deg);
  }

  6% {
    transform: translate(-3px, 0px) rotate(0deg);
  }

  8% {
    transform: translate(9px, 0px) rotate(0deg);
  }

  10% {
    transform: translate(2px, 0px) rotate(0deg);
  }

  12% {
    transform: translate(-6px, 0px) rotate(0deg);
  }

  14% {
    transform: translate(-7px, 0px) rotate(0deg);
  }

  16% {
    transform: translate(2px, 0px) rotate(0deg);
  }

  18% {
    transform: translate(7px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(-1px, 0px) rotate(0deg);
  }

  22% {
    transform: translate(-10px, 0px) rotate(0deg);
  }

  24% {
    transform: translate(-10px, 0px) rotate(0deg);
  }

  26% {
    transform: translate(3px, 0px) rotate(0deg);
  }

  28% {
    transform: translate(-5px, 0px) rotate(0deg);
  }

  30% {
    transform: translate(4px, 0px) rotate(0deg);
  }

  32% {
    transform: translate(-6px, 0px) rotate(0deg);
  }

  34% {
    transform: translate(-2px, 0px) rotate(0deg);
  }

  36% {
    transform: translate(-6px, 0px) rotate(0deg);
  }

  38% {
    transform: translate(-2px, 0px) rotate(0deg);
  }

  40% {
    transform: translate(4px, 0px) rotate(0deg);
  }

  42% {
    transform: translate(8px, 0px) rotate(0deg);
  }

  44% {
    transform: translate(-3px, 0px) rotate(0deg);
  }

  46% {
    transform: translate(-10px, 0px) rotate(0deg);
  }

  48% {
    transform: translate(4px, 0px) rotate(0deg);
  }

  50% {
    transform: translate(-6px, 0px) rotate(0deg);
  }

  52% {
    transform: translate(6px, 0px) rotate(0deg);
  }

  54% {
    transform: translate(-8px, 0px) rotate(0deg);
  }

  56% {
    transform: translate(5px, 0px) rotate(0deg);
  }

  58% {
    transform: translate(9px, 0px) rotate(0deg);
  }

  60% {
    transform: translate(7px, 0px) rotate(0deg);
  }

  62% {
    transform: translate(1px, 0px) rotate(0deg);
  }

  64% {
    transform: translate(2px, 0px) rotate(0deg);
  }

  66% {
    transform: translate(-2px, 0px) rotate(0deg);
  }

  68% {
    transform: translate(-7px, 0px) rotate(0deg);
  }

  70% {
    transform: translate(-1px, 0px) rotate(0deg);
  }

  72% {
    transform: translate(-6px, 0px) rotate(0deg);
  }

  74% {
    transform: translate(5px, 0px) rotate(0deg);
  }

  76% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  78% {
    transform: translate(9px, 0px) rotate(0deg);
  }

  80% {
    transform: translate(-3px, 0px) rotate(0deg);
  }

  82% {
    transform: translate(8px, 0px) rotate(0deg);
  }

  84% {
    transform: translate(-2px, 0px) rotate(0deg);
  }

  86% {
    transform: translate(-1px, 0px) rotate(0deg);
  }

  88% {
    transform: translate(-3px, 0px) rotate(0deg);
  }

  90% {
    transform: translate(4px, 0px) rotate(0deg);
  }

  92% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  94% {
    transform: translate(4px, 0px) rotate(0deg);
  }

  96% {
    transform: translate(2px, 0px) rotate(0deg);
  }

  98% {
    transform: translate(-2px, 0px) rotate(0deg);
  }
}
